.login {
   width: 100vw;
   height: 100vh;
   background-color: var(--background_color);
}

.header {
   width: 100%;
   height: 60px;
   background-color: var(--main_color);
   color: var(--white_color);
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 15px;
   text-align: center;
}

.context {
   width: 100vw;
   height: calc(100% - 60px);
   display: flex;
   align-items: center;
   justify-content: center;

   ::deep .login_form {
      width: 400px;
   }

   ::deep .form_buttons {
      display: flex;
      align-items: center;
      justify-content: flex-end;
   }
}

.form_buttons {
   width: 100%;
   height: 100%;

   display: flex;
   align-items: center;
   justify-content: flex-end;
}
